<template>
	<view class="app">
		<view class="app-tabview">
			<text>连云港开发区投资服务信息平台</text>
		</view>
		<view class="app-con" style="background-image: url('http://webfwjs.xlygrcw.com/web/img/2.png')">
			<view class="app-0" style="height: 360upx"><text>连云港开发区投资服务信息平台</text></view>
			<view class="app-1">
				<view class="" @tap="onPage('/pages/woyaotouzi/index')">
					<view class="">
						<image :src="`http://webfwjs.xlygrcw.com/web/img/3.png`" mode="widthFix" style="width: 50upx;"></image>
					</view>
					<text>我要投资</text>
				</view>
				<view class=""  @tap="onPage('/pages/woyaoruzhu/index')">
					<view class="">
						<image :src="`http://webfwjs.xlygrcw.com/web/img/4.png`" mode="widthFix" style="width: 50upx;"></image>
					</view>
					<text>我要入驻</text>
				</view>
				<view class="" @tap="onPage('/pages/zhongjiezhaoshang/index')" >
					<view class="">
						<image :src="`http://webfwjs.xlygrcw.com/web/img/5.png`" mode="widthFix" style="width: 53upx;"></image>
					</view>
					<text>中介招商</text>
				</view>
				<view class="" @tap="onPage('/Atouzi/pages/touzizixun/index')">
					<view class="">
						<image :src="`http://webfwjs.xlygrcw.com/web/img/6.png`" mode="widthFix" style="width: 51upx;"></image>
					</view>
					<text>投资咨询</text>
				</view>
				
				<view class="" @tap="onPage('/Bzhengce/pages/zhengcefenjieOne/index')">
					<view class="">
						<image :src="`http://webfwjs.xlygrcw.com/web/img/7.png`" mode="widthFix" style="width:44upx;"></image>
					</view>
					<text>政策匹配</text>
				</view>
				<view class="" @tap="onPage('/Atouzi/pages/yuanqugaikuang/index')">
					<view class="">
						<image :src="`http://webfwjs.xlygrcw.com/web/img/8.png`" mode="widthFix" style="width: 50upx;"></image>
					</view>
					<text>园区概况</text>
				</view>
				<view class="" @tap="onPage('/Atouzi/pages/kaifaqu/index/index')">
					<view class="">
						<image :src="`http://webfwjs.xlygrcw.com/web/img/9.png`" mode="widthFix" style="width: 50upx;"></image>
					</view>
					<text>园区资源</text>
				</view>
				<view class="" @tap="onPage('/Atouzi/pages/qiye/qiyefuwu/index')">
					<view class="">
						<image :src="`http://webfwjs.xlygrcw.com/web/img/10.png`" mode="widthFix" style="width: 53upx;"></image>
					</view>
					<text>企业服务</text>
				</view>
				<view class="" @tap="onPage('/Atouzi/pages/VR/index')">
					<view class="">
						<image :src="`http://webfwjs.xlygrcw.com/web/img/11.png`" mode="widthFix" style="width: 51upx;"></image>
					</view>
					<text>VR全景</text>
				</view>
				<view class="" >
					<view class="">
						<image :src="`http://webfwjs.xlygrcw.com/web/img/52.png`" mode="widthFix" style="width:54upx;"></image>
					</view>
					<text>在线咨询</text>
					<button type="default" open-type="contact">kefu</button>
				</view>
			</view>
			<view class="app-2">
				<image :src="`http://webfwjs.xlygrcw.com/web/img/53.png`" mode="widthFix"></image>
				<image :src="`http://webfwjs.xlygrcw.com/web/img/54.png`" mode="widthFix" ></image>
				<image @tap="onPage('/Chret/pages/zaiti/index')" :src="`http://webfwjs.xlygrcw.com/web/img/55.png`" mode="widthFix"></image>
			</view>
			<view class="app-3">
				<view class="" @tap="onPage('/Chret/pages/chanye/index/index')">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/14.png`" mode="widthFix"></image>
				</view>
				<view class="" @tap="onPage('/Chret/pages/chanye/index/index')">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/15.png`" mode="widthFix"></image>
				</view>
				<view class="" @tap="onPage('/Chret/pages/chanye/index/index')">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/16.png`" mode="widthFix"></image>
				</view>
				<view class="" @tap="onPage('/Chret/pages/chanye/index/index')">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/17.png`" mode="widthFix"></image>
				</view>
			</view>
			<scroll-view scroll-x="true" style="white-space: nowrap;">
				<view class="app-4">
					<view class="" :class="{'on':curIndex==0}" @tap="onTab(0)">
						新闻资讯
					</view>
					<view class="" :class="{'on':curIndex==1}" @tap="onTab(1)">
						名企名品
					</view>
					<view class="" :class="{'on':curIndex==2}" @tap="onTab(2)">
						商务服务
					</view>
					<view class="" :class="{'on':curIndex==3}" @tap="onTab(3)">
						消费服务
					</view>
					<view class="" :class="{'on':curIndex==4}" @tap="onTab(4)">
						活动通知
					</view>

				</view>
			</scroll-view>
			<view class="app-5" v-if="curIndex==0">
				<view class="" v-if="list.length>0">
					<view class="list">
						<view v-for="(item,index) in list" :key="index">
							<view class="list-1">
								<view class="">
									<image :src="`http://webfwjs.xlygrcw.com/web/img/21.png`" mode="widthFix"></image>
								</view>
								<image :src="`http://webfwjs.xlygrcw.com/web/img/2.png`" mode="aspectFill"></image>
							</view>
							<view class="list-2">
								<text>连云港市三家企连云港市三家企业获批省级博士后创新实践基地业获批省级博士后创新实践基地</text>
								<text>2019/10/20</text>
							</view>
						</view>
					</view>
					<loading-text :loadingText='loadingText'></loading-text>
				</view>
				<view class="" v-else>
					<empt></empt>
				</view>
			</view>
			<view class="app-6" v-if="curIndex==1">
				<view class="app-61">
					<view class="">
						<image :src="`http://webfwjs.xlygrcw.com/web/img/21.png`" mode="widthFix"></image>
					</view>
					<image :src="`http://webfwjs.xlygrcw.com/web/img/84.png`" mode="aspectFill"></image>
				</view>
				<text>连云港恒瑞医药有限公司</text>
				<view class="app-62">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/59.png`" mode="widthFix"></image>
					<text>13332981123</text>
				</view>
				<view class="app-63">
					江苏恒瑞医药股份有限公司是一家从事医药创新和高品质药品研发、生产及推广的医药健康企业，创建于1970年，2000年在上海证券交易所上市，截至2019年底，共有全球员工24000余人
				</view>
			</view>
			<view class="app-7" v-if="curIndex==3">
				<view class=""  @tap="onPage('/Atouzi/pages/fuwuliebiao/index')">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/60.png`" mode="widthFix"></image>
					<text>美食小吃</text>
				</view>
				<view class=""  @tap="onPage('/Atouzi/pages/fuwuliebiao/index')">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/61.png`" mode="widthFix"></image>
					<text>酒店民宿</text>
				</view>
				<view class=""  @tap="onPage('/Atouzi/pages/fuwuliebiao/index')">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/62.png`" mode="widthFix"></image>
					<text>租车服务</text>
				</view>
				<view class=""  @tap="onPage('/Atouzi/pages/fuwuliebiao/index')">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/63.png`" mode="widthFix"></image>
					<text>旅游景点</text>
				</view>
				<view class=""  @tap="onPage('/Atouzi/pages/fuwuliebiao/index')">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/64.png`" mode="widthFix"></image>
					<text>购物中心</text>
				</view>
				<view class=""  @tap="onPage('/Atouzi/pages/fuwuliebiao/index')">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/65.png`" mode="widthFix"></image>
					<text>休闲娱乐</text>
				</view>
			</view>
			<view class="app-8" v-if="curIndex==2">
				<view class="" @tap="onPage('/Atouzi/pages/fuwuliebiao/index')">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/66.png`" mode="widthFix"></image>
					<text>人力资源</text>
				</view>
				<view class="" @tap="onPage('/Atouzi/pages/fuwuliebiao/index')">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/67.png`" mode="widthFix"></image>
					<text>资产评估</text>
				</view>
				<view class=""  @tap="onPage('/Atouzi/pages/fuwuliebiao/index')">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/68.png`" mode="widthFix"></image>
					<text>创投风投</text>
				</view>
				<view class=""  @tap="onPage('/Atouzi/pages/fuwuliebiao/index')">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/69.png`" mode="widthFix"></image>
					<text>金融机构</text>
				</view>
				<view class=""  @tap="onPage('/Atouzi/pages/fuwuliebiao/index')">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/70.png`" mode="widthFix"></image>
					<text>商标注册</text>
				</view>
				<view class=""  @tap="onPage('/Atouzi/pages/fuwuliebiao/index')">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/71.png`" mode="widthFix"></image>
					<text>律师事务所</text>
				</view>
				<view class=""  @tap="onPage('/Atouzi/pages/fuwuliebiao/index')">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/72.png`" mode="widthFix"></image>
					<text>会计事务所</text>
				</view>
				<view class=""  @tap="onPage('/Atouzi/pages/fuwuliebiao/index')">
					<image :src="`http://webfwjs.xlygrcw.com/web/img/73.png`" mode="widthFix"></image>
					<text>咨询机构</text>
				</view>
			</view>
			<view class="app-5" v-if="curIndex==4">
				<view class="" v-if="list.length>0">
					<view class="list">
						<view v-for="(item,index) in list" :key="index">
							<view class="list-1">
								<view class="">
									<image :src="`http://webfwjs.xlygrcw.com/web/img/21.png`" mode="widthFix"></image>
								</view>
								<image :src="`http://webfwjs.xlygrcw.com/web/img/2.png`" mode="aspectFill"></image>
							</view>
							<view class="list-2">
								<text>连云港市三家企连云港市三家企业获批省级博士后创新实践基地业获批省级博士后创新实践基地</text>
								<text>2019/10/20</text>
							</view>
						</view>
					</view>
					<loading-text :loadingText='loadingText'></loading-text>
				</view>
				<view class="" v-else>
					<empt></empt>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				curIndex: 0,
				list: [''],
				loadingText: '没有数据了',
			};
		},
		onShareAppMessage() {
			return {
				title: '海工运',
				path: '/pages/home/index'
			};
		},
		onShareTimeline() {
			return {
				title: '海工运',
				path: '/pages/home/index'
			};
		},
		onShow() {
			
		},
		onLoad() {

		},
		onReachBottom: function() {
			this.page++;
			this.loadingText = '加载中';
			//this.loadNoticeInfoList();
		},
		onPullDownRefresh() {
			this.page = 1;
			this.list = [];
			//this.loadNoticeInfoList();
			setTimeout(() => {
				uni.stopPullDownRefresh();
			}, 400);
		},
		methods: {
			onPage(url){
				uni.navigateTo({
					url:url
				})
			},
			onLogin() {

			},
			onTab(ind) {
				this.curIndex = ind
			}
		},
		computed: {
			hasLogin() {
				return this.$store.getters.hasLogin;
			},
			userInfo() {
				return this.$store.getters.userInfo;
			}
		},
		watch: {}
	};
</script>

<style lang="scss">
	@import './index.scss';
</style>
